<template>
	
	<div>
		sdfsdf
	</div>

</template>

<script lang="ts" setup>
	import { ref } from 'vue'
	import { ElMessageBox } from 'element-plus'

	const dialogVisible = ref(false)

	const handleClose = (done: () => void) => {
	  ElMessageBox.confirm('Are you sure to close this dialog?')
		.then(() => {
		  done()
		})
		.catch(() => {
		  // catch error
		})
	}
	
	const tableData = [
	  {
	    date: '2016-05-03',
	    name: 'Tom',
	    address: 'No. 189, Grove St, Los Angeles',
	  },
	  {
	    date: '2016-05-02',
	    name: 'Tom',
	    address: 'No. 189, Grove St, Los Angeles',
	  },
	  {
	    date: '2016-05-04',
	    name: 'Tom',
	    address: 'No. 189, Grove St, Los Angeles',
	  },
	  {
	    date: '2016-05-01',
	    name: 'Tom',
	    address: 'No. 189, Grove St, Los Angeles',
	  },
	]

	const show=()=>{
		dialogVisible.value=true;
	}

	defineExpose({
		show
	});

</script>

<style  scoped>
	
	
	.img-panel{
		background-color: #2b2c2f;
		height: 100%;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: column;
		flex-direction: column;
		
		>.img-panel-header{
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-pack: justify;
			-ms-flex-pack: justify;
			justify-content: space-between;
			-webkit-box-align: center;
			-ms-flex-align: center;
			align-items: center;
			width: 100%;
			height: 34px;
			background-color: #36373a;
			border-bottom: 1px solid #18181b;
			border-top: 1px solid #515664;
			color: #ccc;
			font-size: 14px;
			>span{
				border-left-width: 3px!important;
				padding-left: 8px!important;
				height: 16px;
				line-height: 17px;
				font-size: 13px;
				color: #ccc;
				-webkit-box-sizing: border-box;
				box-sizing: border-box;
				white-space: nowrap;
				border-left: 2px solid #0080ff;
				margin-left: 8px;
				padding-left: 3px;
			}
			>div{
				float: right;
				margin-top: -1px;
				>button{
				   width: 1.4375rem;
				   height: 1.875rem;
				   margin-right: 0.3125rem;
				   background: transparent;
				   color: #ccc;
				}
			}
		}
		>.img-panel-body{
			
		}
	}
	
</style>
